<template>
  <div class="fixed-right-box">
    <div class="fixed-boxed-content">
      <slot></slot>
    </div>
  </div>
</template>
<script>

  export default {
    props: {
      outerLoading: true
    },
    watch: {
      outerLoading (value) {
        this.loading = this.outerLoading
      }
    },
    methods: {
    },
    data () {
      return {
        loading: false
      }
    }
  }
</script>
<style lang="scss">
  $size: 10px;

  .fixed-right-box {
    position: fixed;
    right: -30px;
    box-shadow: -1px 0 8px #d3d4d6;
    top: 0;
    height: 100%;
    width: 480px;
    background-color: white;
    z-index: 1009;
  }

  .fixed-boxed-content {
    padding:0 $size + 60 0 $size;
  }
</style>
